<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:p="http://primefaces.prime.com.tr/ui"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core">
    <h:head>
        <title>Listado de proyectos que no están activos</title>
        <link href="recursos/general.css" rel="stylesheet" type="text/css" />
        <script type="text/javascript">
            function crearMensaje(xhr, status, args){
                if(args.activadoOK){
                    msgActivo.show();
                }else 
                    msgNoActivo.show();
            }
        </script>
    </h:head>
    <h:body>
        <h:form id="form">
            <!--Declaro la variable que pasaré a los bean para reutilizar las pantallas-->
            <f:metadata>
                <f:viewParam name="nuevo" value="#{sesionBean.strVariable}"/>
            </f:metadata>
            <f:phaseListener binding="#{sesionBean.phaseListenerImpl}" type="ongd.web.PhaseListenerImpl"/>
            
            <!--Nos mostrará el título de la página -->
            <h:outputText value="#{listado_BajaProyecto.titulo}" styleClass="textoTitulo"/>

            <!--Tabla que muestra los proyectos que no estána ativos según el tipo deseado -->
            <p:dataTable id="panel" value="#{listado_BajaProyecto.proyectos}" var="proyecto" paginator="true"  rows="30" 
                         paginatorPosition="bottom" emptyMessage="No se han encontrado proyectos" style="margin-top: 10px;">
                <p:column filterBy="#{proyecto.nombre}" filterMatchMode="contains" style="width: 20%;">
                    <f:facet name="header">
                        <h:outputText value="Nombre del proyecto"/>
                    </f:facet>
                    <h:outputText value="#{proyecto.nombre}"/> 
                </p:column>  
                <p:column style="width: 15%;"> 
                    <f:facet name="header">
                        <h:outputText value="Pais"/>
                    </f:facet>
                    <h:outputText value="#{proyecto.pais}"/> 
                </p:column> 
                <p:column style="width: 20%;"> 
                    <f:facet name="header">
                        <h:outputText value="Responsable ONGD"/>
                    </f:facet>
                    <h:outputText value="#{proyecto.responsableONGD}"/> 
                </p:column> 
                <p:column style="width: 15%;"> 
                    <f:facet name="header">
                        <h:outputText value="Presupuesto total"/>
                    </f:facet>
                    <h:outputText value="#{proyecto.presupuestoTotal}">
                        <f:convertNumber pattern="0.00"/> 
                    </h:outputText>
                </p:column>
                <p:column style="width: 15%;"> 
                    <f:facet name="header">
                        <h:outputText value="Opciones"/>
                    </f:facet>
                    <p:commandButton value="Activar" image="ui-icon ui-icon-circle-check" title="Activar el proyecto"  oncomplete="crearMensaje(xhr, status, args)"
                                     action="#{listado_BajaProyecto.activar}" update="form:panel">
                        <f:setPropertyActionListener value="#{proyecto}" target="#{listado_BajaProyecto.proyecto}"/>
                    </p:commandButton>
                </p:column> 
            </p:dataTable>
            
            <p:commandButton value="Exportar" styleClass="botonGrande" style="margin-top: 10px;" onclick="exportarDialog.show();"/>
            <p:dialog widgetVar="exportarDialog" header="Exportar datos" styleClass="dialogoNormal" modal="true" resizable="false" width="180">
            <!--Panel que permite exportar el contenido de la tabla a pdf o xls -->
            <h:panelGrid columns="2">
                <h:commandLink  onclick="exportarDialog.hide();">
                    <p:graphicImage value="/imagenes/pdf.jpg" height="80px" width="60px"/>  
                    <p:dataExporter type="pdf" target="panel" fileName="Bajas_Proyecto" excludeColumns="4"/>
                </h:commandLink>
               <h:commandLink>
                    <p:graphicImage value="/imagenes/xls.jpg" height="90px" width="90px"/>
                    <p:dataExporter type="xls" target="panel" fileName="Bajas_Proyecto" excludeColumns="4"/>
               </h:commandLink>
            </h:panelGrid>
            </p:dialog>
            
            <!--Dialogo que saca un mensaje de proyecto activo -->
            <p:confirmDialog message="El proyecto ya es activo" severity="info" widgetVar="msgActivo" modal="true" styleClass="dialogoGrande"/>
            
            <!--Dialogo que saca un mensaje de proyecto activo -->
            <p:confirmDialog message="El proyecto sigue siendo no activo" severity="info" widgetVar="msgNoActivo" modal="true" styleClass="dialogoGrande"/>            
        </h:form>
    </h:body>
</html>